<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<style type="text/css">
    .nav-list>li>.submenu{background:#2c2f34;}
    .nav-list>li,.nav-list>li>.submenu>li:first-child>a,.nav-list>li>.submenu,.nav-list>li>.submenu>li>a,.nav-list>li>.submenu>li:before,.nav-list>li>.submenu>li:after{border:0 none;}
    .nav-list>li>.submenu>li{height:56px;line-height:38px;}
    .nav-list>li>.submenu>li>a{padding-left:50px;color:#afc1c6;}
    .nav-list>li>a{width:100%;height:56px;line-height:56px;font-size:22px;color:#afc1c6;font-family:"微软雅黑";text-indent:11px;cursor:pointer;}
    .nav-list > li.open > a,.nav-list > li > a:hover{background-color:#33363b;color:#afc1c6;}
    .nav-list > li > a{background-color:#3d4548;background-repeat:no-repeat;background-position:20px 16px;}
    .nav-list > li > a:hover,.nav-list > li > a:before{border:0 none;}
    #sidebar>ul.nav-list li .submenu > li{width:270px;height:56px;line-height:56px;font-size:18px;color:#afc1c6;font-family:"微软雅黑";text-indent:76px;border-left:10px solid #2c2f34;cursor:pointer;background-repeat:no-repeat;background-position:40px 0px;}
    #sidebar>ul.nav-list li .submenu li a{color:#afc1c6;width:100%;height:100%;display:block;padding:0px;background-color:#2c2f34;height:56px;line-height:56px;background-repeat:no-repeat;background-position:40px 0px;}
    #sidebar>ul.nav-list li .submenu li:nth-child(3) a,#sidebar>ul.nav-list li .submenu li:last-child a{background-repeat:no-repeat;background-position:40px 0px;}
    #sidebar>ul.nav-list li .submenu li a:hover{color:rgb(15,177,214);background-position:40px -56px;}
    .nav-list>li>.submenu>li>a>[class*="icon-"]:first-child{background:none;top:20px;left:0px;font-size:18px;}
    .nav-list>li>a>.arrow,.nav-list>li>a:hover>.arrow{right:124px;top:18px;color:#afc1c6;}
</style>
<div id="sidebar" style="border-right:1px solid #cccccc;background:#3d4548;height:500px;width:150px;float:left">
    <!-- #sidebar-shortcuts -->
    <ul class="nav nav-list"  >
        <c:forEach items="${leftMenu}" var="menu">
        <li id="${menu.menuId}leftnav">
            <a style="cursor:pointer;font-size: 20px;"  href=${menu.menuUrl} target="mainFrame"">
                <center>${menu.menuName}</center>
            </a>
        </li>
        </c:forEach>
</div>


<script type="text/javascript">




    function sidebar(){
        var hmain = document.getElementById("sidebar");
        var bheight = document.documentElement.clientHeight;
        hmain .style.height = (bheight  - 45) + 'px';
    }
    sidebar();
    window.onresize=function(){
//        window.parent.cmainFrame();
        sidebar();
    };


</script>

<!--/#sidebar-->
